<template>
    <div>
        <Row type="flex" justify="start" :gutter="20" class="table-header">
            <Col>营口科达运输有限公司>车队1</Col>
            <Col>处警次数：200次</Col>
            <Col>风险处警次数：100次</Col>
            <Col>隐患处警次数：100次</Col>
            <Col>风险概率环比：2.5%</Col>
        </Row>
        <div>
            <Table stripe :columns="columns1" :data="data1"></Table>
        </div>
        <Row type="flex" justify="end" class="mt20 mr20">
            <Col>
                <Page :total="50"/>
            </Col>
        </Row>
    </div>
</template>

<script>
export default {
  name: 'tableTwo',
  data () {
    return {
      columns1: [
        {
          title: '序号',
          key: 'id'
        },
        {
          title: '名称',
          key: 'name'
        }, {
          title: '主要风险/隐患',
          key: 'zyfxyh',
          minWidth: 100
        }, {
          title: '报警次数（上月/本月）',
          key: 'bjcs',
          minWidth: 100
        }, {
          title: '建议诊改目标',
          key: 'jyzgmb',
          minWidth: 100
        }, {
          title: '实际诊改',
          key: 'sjzg'
        }, {
          title: '实际风险概率值',
          key: 'sjfxglz',
          minWidth: 100
        }, {
          title: '建议诊改风险概率达标值',
          key: 'jyzgfxgldbz',
          minWidth: 100
        }, {
          title: '实际风险概率环比变化',
          key: 'sjfxglhbbh',
          minWidth: 100
        }
      ],
      data1: []
    }
  },
  mounted () {
    let data = []
    for (let i = 0; i < 5; i++) {
      data.push({
        id: i + 1,
        name: '车队' + i,
        zyfxyh: '离岗',
        bjcs: '30/10',
        jyzgmb: 10,
        sjzg: 2,
        jyzgfxgldbz: '4.2%',
        sjfxglhbbh: '1.2%',
        sjfxglz: '5.8%'
      })
    }
    this.data1 = data
  }
}
</script>

<style scoped>
    .table-header {
        margin-bottom: 10px;
        font-size: 14px;
        font-weight: bold;
    }
</style>
